<form>
  <mat-card>
    <mat-card-header>
      <mat-card-title>注册:</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <mat-form-field class="full-width">
        <input type="text" matInput name="email" value="" placeholder="您的邮箱" />
      </mat-form-field>
      <mat-form-field class="full-width">
        <input type="password" matInput name="password" value="" placeholder="密码" />
      </mat-form-field>
      <mat-form-field class="full-width">
        <input type="password" matInput name="cpassword" value="" placeholder="重复密码" />
      </mat-form-field>
      <!--<mat-grid-list cols="4" >
        <mat-grid-tile *ngFor="let avatar of avatars">
          <mat-icon [svgIcon]="avatar"></mat-icon>
        </mat-grid-tile>
      </mat-grid-list>-->
      <app-image-list-select [cols]="4" [rowHeight]="30" [title]="'选择头像：'"></app-image-list-select>
      <button type="button" mat-raised-button>注册</button>
    </mat-card-content>
    <mat-card-actions class="text-right">
      <p>已有账号<a href="#">登录</a></p>
      <p>忘记密码<a href="#">找回</a></p>
    </mat-card-actions>
  </mat-card>
</form>
